<!--
  # 本模块为页面底部模块，展示诗句
  # 初步功能布局设计【已完成】2024
  # 主体功能构建【已完成】2024
  # 修改功能，随机展示诗句【已完成】2024-3-20
  # 功能测试【已完成】2024-3-20
  # 最后编译时间 2024-03-20
  # 存在问题【暂无】
-->
<template>
  <div id="Footer" @click="changeMood" @mouseleave="changeMood">
    <p>{{ msg }}</p>
  </div>
</template>
<script>
export default {
  name: "Footer",
  data() {
    return {
      msg: "20智能1班兰鹏文",
    };
  },
  methods:{
    changeMood(){
        const arr = ['20智能1班兰鹏文']
        this.msg = arr[Math.floor(Math.random()*1)]
    }
  },
};
</script>
<style scoped>
#Footer {
  background:#ffffffae;
  padding: 6px;
  border-radius: 5px;
  width: 90%;
  height: 80px;
  margin: 20px auto;
  margin-top: 40px;
}

p {
  color: #409EFF;
  text-align: center;
  margin: 10px auto;
  letter-spacing: 2px;
  font-size: 40px;
}
</style>


